<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <base href="<%=basePath%>">
    
    <title>${ webpageTitle }</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	
	<script src="rp/scripts/boot.js" type="text/javascript"></script>
	
	<style type="text/css">
	   	
    </style>
	
  </head>
  
  <body class="body-fit">
  
  	<div class="mini-splitter" style="width: 100%; height: 100%;" borderStyle="border:0;">
	    <div size="180" showCollapseButton="false">
	        <div id="leftTree" class="mini-outlooktree" url="rp/system/baseData/outlooktree.json" 
	        	borderStyle="border:0;"
	        	onnodeclick="outlookTreeNodeOnclick"
                textField="text" idField="id" parentField="pid">
            </div>
	    </div>
	    <div showCollapseButton="false">
	        <div class="mini-fit" borderStyle="border:0;">
	        	<div id="mainPanel" class="mini-panel" title="header" showHeader="false"
	                	style="width:100%; height:100%;" bodyStyle="padding:0;" borderStyle="border:0;">
				</div>
	        </div>
	    </div>        
	</div>
  	
  	
	<script type="text/javascript">
		$(function(){
			
		});
		
		function outlookTreeNodeOnclick(e){
			var node = e.node;
			var url = node.url;
			mini.get("mainPanel").setUrl(url);
		}
	</script>
  </body>
</html>
